﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="description" content="@ViewBag.Description" />
    <meta name="title" content="@ViewBag.Title" />
    <meta name="keywords" content="@ViewBag.Keywords" />
    @Styles.Render("~/Content/bundledcss")
 
     
</head>
<body>
    <div class="body-bg" id="bodydesk">
        <div class="container" id="wrapper">
            <header id="divheader">
                <div class="navbar-header">
                     <a class="navbar-brand web-logo" href="@Url.Action("Welcome", "Home")"> </a>
                      <a class="logo-top" href="@Url.Action("Index", "Home")"><img class="img-responsive" alt="" src="@Url.Content("~/images/logo.png")"></a>
                </div>

                <div class="header-right pull-right">
                    <div class="data_button dropdown">
                        <button data-toggle="dropdown" class=" data_arrow  " type="button" id="btndropdownTop"></button>
                        <div class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                            <div class="visible-phone sponsor_data">
                                @Html.Action("DisplayUserName", "Home", new { ID = "15" })
                            </div>
                        </div>

                    </div>
                    @{ if (Session["promoCode"]!=null)
                       {
                       @Html.Action("UserDetails", "Home", new { ID = "15" })
                       }
                       else
                       {
                       <div class="call_img defaultAndyImage">
                        <img class="img-responsive" src="@Url.Content("~/images/call_img.png")" alt="">
                    </div>
                    <p class="defaultAndy">
                        <small>compliments of</small><br>
                        ANDY ONCALL<br>
                        Chicagoland West
                    </p>
                       }}
                      
                </div>
            </header>
            <div class="login" >
                <div class="btn-group" id="divLogin">
                    <ul class="list-unstyled list-inline loginbtn">
                        <li><a title="login" href="@Url.Action("Login","Home")" class="ui-link">login</a></li>
                        <li><a title="sign-up" href="#" class="ui-link">sign-up</a></li>
                        <li><a title="about" href="@Url.Action("About","Home")" class="ui-link">about</a></li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <div class="row content-inn">
                    <div class="col-lg-3 col-sm-3 left-part">
                        <nav class="navbar navbar-default main-navbar" role="navigation">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                                    <img src="@Url.Content("~/images/navigation.png")" title="" alt="navigation">
                                </button>

                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="menu collapse navbar-collapse navbar-ex1-collapse">

                                @if(Session["user_id"]!=null)
                                {
                                <ul class="nav navbar-nav" id="ulLeftNav">
                                    <li class="menu-mobile-heading">
                                        <h3>Main Sections</h3>
                                    </li>
                                    <li ><a id="tasks" class="ui-link" href="javascript:void(0);"><span class="task-link"></span> @*class="active"*@
                                        <p>Tasks </p>
                                    </a>
                                    </li>
                                    <li><a id="tips" class="ui-link" href="javascript:void(0);"><span class="tips-link"></span>
                                        <p>Tips</p>
                                    </a>
                                    </li>
                                    <li><a id="ideas" class="ui-link" href="javascript:void(0);"><span class="ideas-link"></span>
                                        <p>Ideas</p>
                                    </a>
                                    </li>
                                    <li><a id="extras" class="ui-link" href="javascript:void(0);"><span class="extra-link"></span>
                                        <p>Extras</p>
                                    </a>
                                    </li>

                                    <li><a id="admin" class="ui-link" href="javascript:void(0);"><span class="admin-link"></span>
                                        <p>Admin</p>
                                    </a>
                                    </li>
                                    <li class="menu-mobile-heading">
                                        <h3>Get Started</h3>
                                    </li>

                                    <li class="menu-mobile-show"><a class="ui-link" href="#">
                                        <p>Login</p>
                                    </a>
                                    </li>

                                    <li class="menu-mobile-show"><a class="ui-link" href="#">
                                        <p>Sign-up</p>
                                    </a>
                                    </li>
                                    <li class="menu-mobile-show"><a class="ui-link" href="#">
                                        <p>About</p>
                                    </a>
                                    </li>
                                    

                                </ul>
                                }
                                   <div class="application-add no-top-margin">
                <ul class="list-unstyled">
                <li class="freeapp"><a href="#"><img src="@Url.Content("~/images/mtt-images/free-app-img.png")" alt=""></a></li>
                <li><a href="#"><img src="@Url.Content("~/images/mtt-images/app-store.png")" alt="app-store"></a></li>
                <li><a href="#"><img src="@Url.Content("~/images/mtt-images/android-img.png")" alt="android-img"></a></li>
                <li class="promocode">Promo Code:  <small>Andy Oncall</small></li>
                </ul>
                </div>
                            </div>
                            <!-- /.navbar-collapse -->
                        </nav>

                    </div>
                     <script type='text/javascript' src="@Url.Content("~/js/jquery.js")"></script>
                    <div id="divtopHomecarelibrary">
                    @RenderBody()
</div>
                     <div class="col-lg-9 col-sm-9 right_part" style="display:none;" id="divbottomtaskstips"> 
             
            <!----------------------------------
            Task-tab
            -------------------------------->
            
            <div class="tab-pages task-tab">
              <div class="mobile-top-head ">
                <div class="task-mobile-head mtt-head-mobile">
                  <div class="top-left-panel">
                    <div class="top-right-panel-bg"> <span>Other Months</span> <span class="right"><img class="mobile-calender-icon" src="@Url.Content("~/images/mtt-images/mobile-calender-icon.png")" alt="mobile-calender-icon"></span> </div>
                  </div>
                  <h3>Routine Tasks</h3>
                  <p>December 2012</p>
                  <div class="top-right-panel">
                    <div class="top-right-panel-bg"> <span>All</span> <span class="right"><img src="@Url.Content("~/images/mtt-images/icon-menu-mobile.png")"></span> </div>
                  </div>
                </div>
              </div>
              <div class="top-tittle-panel">
                <h4>Personalized for 35 Elm Street</h4>
              </div>
              <div class="title clearfix">
                <div class="top-left-panel">
                  <div class="top-right-panel-bg"> <span>Other Months</span> <span class="right"> <img class="calender-icon" src="@Url.Content("~/images/mtt-images/calender-icon.png")" alt="calender-icon"> </span> </div>
                </div>
                <h1>Routine Tasks</h1>
                <div class="top-right-panel">
                  <div class="top-right-panel-bg"> <span>All</span> <span class="right"><img src="@Url.Content("~/images/mtt-images/icon-menu.png")"></span> </div>
                </div>
              </div>
              <div class="main-content">
                <div class="mtt-bg">
                  <div class="group-mtt-outer">
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a href="#" class="ACR-img"> <img src="http://www.test2.home-wizard.com/images/mtt/tasks/ACR.jpg" alt="task-img1"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Garbage Disposal</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img src="@Url.Content("~/images/mtt-images/star-i3.png")" alt="star-i3"></div>
                            <div class="arrow-icon"><a href="#"><img class="img-responsive" src="@Url.Content("~/images/mtt-images/arrow-img.png")" alt="arrow-img"></a></div>
                          </div>
                          <p>To help reduce the humidity in your home, make sure that your basement 
                            is dry, and no moisture is penetrating through cracks or seams and...</p>
                        </div>
                        
                        </div>
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a href="#" class="ACR-img"> <img src="http://www.test2.home-wizard.com/images/mtt/tasks/ACR.jpg" alt="task-img2"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Freezer
                            
                          </h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img src="@Url.Content("~/images/mtt-images/star-i3.png")" alt="star-i3"></div>
                            <div class="plug-icon"><a href="#"><img src="@Url.Content("~/images/mtt-images/plug-icon.png")" alt="plug-icon.png"></a></div>
                            <div class="arrow-icon">
                          
                          <a href="#"><img class="img-responsive" src="@Url.Content("~/images/mtt-images/arrow-img.png")" alt="arrow-img"></a></div>
                        </div>
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. tetur adipisicing elit, sed do eiusmod</p></div>
                          
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a href="#" class="ACR-img"> <img src="http://www.test2.home-wizard.com/images/mtt/tasks/ACR.jpg" alt="task-img3"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Programmable Thermostats</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img src="@Url.Content("~/images/mtt-images/star-i3.png")" alt="star-i3"></div>
                             <div class="arrow-icon"><a href="#"><img class="img-responsive" src="@Url.Content("~/images/mtt-images/arrow-img.png")" alt="arrow-img"></a></div>
                            <!--<div class="mtt-panel-icon pull-right"> <span class="arrow-img-btn"></span> </div>-->
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
                            tempor </p></div>
                           
                        </div>
                      </div>
                    </div>
                  </div>
                  <br>
                  <br>
                  <div class="btm-task">
                    <p class="text-center"> Not the perfect tasks for you?
                      Then just change your
                      personalization choices. </p>
                  </div>
                  <br>
                    <div class="mtt-button"> <a class="btn-per" href="@Url.Action("UpdatePersonalization", "Personalization")">Personalize</a> </div>
                  
                  <div class="visible-phone sponsor_data sponsor_data-btm">
              <div class="dataset">
                <div class="header_img"><img src="@Url.Content("~/images/header_img.jpg")" title="" class="img-responsive" alt=""></div>
                <div class="popup_text">
                  <p>Andy Oncall Chicagoland West</p>
                  <span>Home Repairs, Improvements and Remodeling</span>
                  <p>Bob Smith<br>
                    555-555-5555<br>
                    <small>myadress@colonial.com</small><small>website address</small></p>
                </div>
                <div class="popup_footer_bg">
                  <div class="social">
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_phone_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_mail_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_www_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_fb_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_tw_icon.png")" title="" alt=""></a></div>
                </div>
              </div>
            </div>
                  
                </div>
              </div>
            </div>
            <!----------------------------------
            Tips-tab
            -------------------------------->
            
            <div style="display:none;" class="tab-pages tips-tab">
              <div class="mobile-top-head ">
                <div class="tips-mobile-head mtt-head-mobile">
                  <h3>Helpful Tips</h3>
                  <p>September 2014</p>
                  <div class="top-right-panel">
                    <div class="top-right-panel-bg"> <span>Home</span> <span class="right"><img src="@Url.Content("~/images/mtt-images/icon-menu-mobile.png")"></span> </div>
                  </div>
                </div>
              </div>
              <div class="top-tittle-panel">
                <h4>Personalized for 35 Elm Street</h4>
              </div>
              <div class="title clearfix">
                <h1>Helpful Tips</h1>
                <div class="top-right-panel">
                  <div class="top-right-panel-bg"> <span>Home</span> <span class="right"><img src="@Url.Content("~/images/mtt-images/icon-menu.png")"></span> </div>
                </div>
              </div>
              <div class="main-content">
                <div class="mtt-bg">
                  <div class="group-mtt-outer">
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img1" src="http://www.test2.home-wizard.com/images/mtt/tips/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Garbage Disposal</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="@Url.Content("~/images/mtt-images/star-i3.png")"></div>
                            <div class="arrow-icon"><a href="#"><img alt="arrow-img" src="@Url.Content("~/images/mtt-images/arrow-img.png")" class="img-responsive"></a></div>
                          </div>
                          <p>To help reduce the humidity in your home, make sure that your basement 
                            is dry, and no moisture is penetrating through cracks or seams and...</p>
                        </div>
                        
                        </div>
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img2" src="http://www.test2.home-wizard.com/images/mtt/tips/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Freezer
                            
                          </h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="@Url.Content("~/images/mtt-images/star-i3.png")"></div>
                            <div class="plug-icon"><a href="#"><img alt="plug-icon.png" src="@Url.Content("~/images/mtt-images/plug-icon.png")"></a></div>
                            <div class="arrow-icon">
                          
                          <a href="#"><img alt="arrow-img" src="@Url.Content("~/images/mtt-images/arrow-img.png")" class="img-responsive"></a></div>
                        </div>
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Lnsectetur adipisicing elit, sed do eiusmod</p></div>
                          
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img3" src="http://www.test2.home-wizard.com/images/mtt/tips/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Programmable Thermostats</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="@Url.Content("~/images/mtt-images/star-i3.png")"></div>
                            <div class="arrow-icon"><a href="#"><img alt="arrow-img" src="@Url.Content("~/images/mtt-images/arrow-img.png")" class="img-responsive"></a></div>
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
                            tempor </p></div>
                            
                        </div>
                      </div>
                    </div>
                  </div>
                  <br>
                  <br>
                  <div class="btm-task">
                    <p class="text-center"> No the perfect ideas for you? Then just change your personalization choices. </p>
                  </div>
                  <br>
                <div class="mtt-button"> <a class="btn-per" href="@Url.Action("Index", "Personalization")" >Personalize</a> </div>
                  
                  <div class="visible-phone sponsor_data sponsor_data-btm">
              <div class="dataset">
                <div class="header_img"><img src="images/header_img.jpg" title="" class="img-responsive" alt=""></div>
                <div class="popup_text">
                  <p>Andy Oncall Chicagoland West</p>
                  <span>Home Repairs, Improvements and Remodeling</span>
                  <p>Bob Smith<br>
                    555-555-5555<br>
                    <small>myadress@colonial.com</small><small>website address</small></p>
                </div>
                <div class="popup_footer_bg">
                  <div class="social">
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_phone_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_mail_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_www_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_fb_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_tw_icon.png")" title="" alt=""></a></div>
                </div>
              </div>
            </div>
                  </div>
              </div>
            </div>
            
            <!----------------------------------
            Idea-tab
            -------------------------------->
            <div style="display:none;" class="tab-pages ideas-tab">
              <div class="mobile-top-head ">
                <div class="ideas-mobile-head mtt-head-mobile">
                  <h3>Improvement Ideas</h3>
                  <p>September 2014</p>
                  <div class="top-right-panel">
                    <div class="top-right-panel-bg"> <span>Home</span> <span class="right"><img src="images/mtt-images/icon-menu-mobile.png"></span> </div>
                  </div>
                </div>
              </div>
              <div class="top-tittle-panel">
                <h4>Personalized for 35 Elm Street</h4>
              </div>
              <div class="title clearfix">
                <h1>Improvement Ideas</h1>
                <div class="top-right-panel">
                  <div class="top-right-panel-bg"> <span>Home</span> <span class="right"><img src="images/mtt-images/icon-menu.png"></span> </div>
                </div>
              </div>
              <div class="main-content">
                <div class="mtt-bg">
                  <div class="group-mtt-outer">
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img1" src="http://www.test2.home-wizard.com/images/mtt/ideas/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Garbage Disposal</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="images/mtt-images/star-i3.png"></div>
                            <div class="arrow-icon"><a href="#"><img alt="arrow-img" src="images/mtt-images/arrow-img.png" class="img-responsive"></a></div>
                          </div>
                          <p>To help reduce the humidity in your home, make sure that your basement 
                            is dry, and no moisture is penetrating through cracks or seams and...</p>
                        </div>
                        
                        </div>
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img2" src="http://www.test2.home-wizard.com/images/mtt/ideas/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Freezer
                            
                          </h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="images/mtt-images/star-i3.png"></div>
                            <div class="plug-icon"><a href="#"><img alt="plug-icon.png" src="images/mtt-images/plug-icon.png"></a></div>
                             <div class="arrow-icon">
                          
                          <a href="#"><img alt="arrow-img" src="images/mtt-images/arrow-img.png" class="img-responsive"></a></div>
                        </div>
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. iectetur adipisicing elit, sed do eiusmod</p></div>
                         
                      </div>
                    </div>
                    <div class="panel-group-mtt clearfix">
                      <div class="media"> <a class="ACR-img" href="#"> <img alt="task-img3" src="http://www.test2.home-wizard.com/images/mtt/ideas/ACR.jpg"> </a>
                        <div class="media-body">
                        <div class="left-group-panel">
                          <h4 class="media-heading">Programmable Thermostats</h4>
                          <div class="icon-mtt clearfix">
                            <div class="star pull-left"><img alt="star-i3" src="images/mtt-images/star-i3.png"></div>
                            <div class="arrow-icon"><a href="#"><img alt="arrow-img" src="images/mtt-images/arrow-img.png" class="img-responsive"></a></div>
                          </div>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
                            tempor </p></div>
                            
                        </div>
                      </div>
                    </div>
                  </div>
                  <br>
                  <br>
                  <div class="btm-task">
                    <p class="text-center"> Not the perfect ideas for you?
                      Then just change your
                      personalization choices. </p>
                  </div>
                  <br>
                 <div class="mtt-button"> <a href="@Url.Action("Index", "Personalization")" class="btn-per">Personalize</a> </div>
                  <div class="visible-phone sponsor_data sponsor_data-btm">
              <div class="dataset">
                <div class="header_img"><img src="images/header_img.jpg" title="" class="img-responsive" alt=""></div>
                <div class="popup_text">
                  <p>Andy Oncall Chicagoland West</p>
                  <span>Home Repairs, Improvements and Remodeling</span>
                  <p>Bob Smith<br>
                    555-555-5555<br>
                    <small>myadress@colonial.com</small><small>website address</small></p>
                </div>
                <div class="popup_footer_bg">
                  <div class="social">
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_phone_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_mail_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_www_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_fb_icon.png")" title="" alt=""></a>
                  <a class="ui-link" href="#"><img src="@Url.Content("~/images/popup_tw_icon.png")" title="" alt=""></a></div>
                </div>
              </div>
            </div>
                </div>
              </div>
            </div>
            
            <!----------------------------------
            Extras-tab
            -------------------------------->
            <div style="display:none;" class="tab-pages extras-tab">
              <div class="mobile-top-head ">
                <div class="ideas-mobile-head mtt-head-mobile">
                  <h3>Extras</h3>
                  <div class="top-btn-per clearfix">
                 <div class="back-button" id="back-button"><a href="#">
                <img src="images/mtt-images/back-mob-btn.png" alt="back-mob-btn" class="back-mob-btn">
                
                </a></div>
                <div class="ques-button"><a href="#"><!--<img alt="ques-btn" src="images/personalization-images/ques-btn.png" class="ques-bt">-->
                <img alt="ques-btn" src="images/mtt-images/mobques-btn.png" class="mobques-bt">
                </a></div>
              </div>
                </div>
              </div>
            
              <div class="main-content">
                <div class="mtt-bg">
                
                <div class="top-icon-admin-extra clearfix">
                <div class="top-left-panel">
                  <img src="images/mtt-images/icon-back-top.png" alt="">
                </div>
                <div class="top-right-panel">
                  <img src="images/mtt-images/icon-ques-top.png" alt="">
                </div>
              </div>
                
                  <div class="group-mtt-outer">
                    <div class="extras-page-content clearfix">
                    <p class="topextras-txt">Get more from your Personal Home Manager . . .</p>
                      <ul class="list-unstyled list-inline extras-page-data">
                        <li> <a href="@Url.Action("UpdatePersonalization", "Personalization")">
                          <div class="image-bg-extras Per-bg-extra"> <span>Personalize</span> </div>
                          </a> </li>
                        <li> <a href="#">
                          <div class="image-bg-extras custom-bg-extra"> <span>Add Custom Tasks</span> </div>
                          </a> </li>
                        <li> <a href="#">
                          <div class="image-bg-extras home-bg-extra"> <span>Add a Home</span> </div>
                          </a> </li>
                        <li> <a href="#">
                          <div class="image-bg-extras delete-bg-extra"> <span>Deleted Tasks</span> </div>
                          </a> </li>
                        <li> <a href="@Url.Action("Index", "Home")">
                          <div class="image-bg-extras homecare-bg-extra"> <span>Home Care Library</span> </div>
                          </a> </li>
                        <li> <a href="#">
                          <div class="image-bg-extras special-bg-extra"> <span>Special Features</span> </div>
                          </a> </li>
                        <li class="last-li-extras"> <a href="#">
                          <div class="image-bg-extras ask-bg-extra"> <span>Ask-a-Wizard</span> </div>
                          </a> </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
            <!----------------------------------
            Admin-tab
            -------------------------------->
            <div style="display:none;" class="tab-pages admin-tab">
              <div class="mobile-top-head ">
                <div class="ideas-mobile-head mtt-head-mobile">
                
                  <h3>Admin</h3>
                  <div class="top-btn-per clearfix">
                <div class="back-button" id="back-button"><a href="#">
                <img src="images/mtt-images/back-mob-btn.png" alt="back-mob-btn" class="back-mob-btn">
                
                </a></div>
                <div class="ques-button"><a href="#"><!--<img alt="ques-btn" src="images/personalization-images/ques-btn.png" class="ques-bt">-->
                <img alt="ques-btn" src="images/mtt-images/mobques-btn.png" class="mobques-bt">
                </a></div>
              </div>
                </div>
              </div>
              
              
              
              <div class="main-content">
                <div class="mtt-bg">
                
                <div class="top-icon-admin-extra clearfix">
                <div class="top-left-panel">
                  <img src="images/mtt-images/icon-back-top.png" alt="">
                </div>
                <div class="top-right-panel">
                  <img src="images/mtt-images/icon-ques-top.png" alt="">
                </div>
              </div>
                
                  <div class="group-mtt-outer">
                  <div class="extras-page-content clearfix">
                    <p class="topextras-txt">Change admin features, get help, and more . . .</p>
                      <ul class="list-unstyled admin-page-data">
                        <li> <a class="admintab-img welcome-img-admintab" href="#">
                          <span>Welcome Image </span>
                          </a> </li>
                        <li> <a href="#" class="admintab-img monthly-img-admintab">
                           <span>Monthly Alert </span>
                          </a> </li>
                        <li> <a href="#" class="admintab-img delete-img-admintab">
                         <span>Turn-Off / Delete </span>
                          </a> </li>
                        <li> <a class="admintab-img feedback-img-admintab" href="#">
                          <span>Feedback</span>
                          </a> </li>
                        <li> <a class="admintab-img help-img-admintab" href="#">
                          <span>Help </span> 
                          </a> </li>
                        <li> <a class="admintab-img about-img-admintab" href="#">
                         <span>About This App </span> 
                          </a> </li>
                        <li> <a class="admintab-img imperial-img-admintab" href="#">
                         <span>Imperial Inspection </span>
                          </a> </li>
                          <li> <a class="admintab-img user-img-admintab" href="#">
                         <span>Username & Password </span>
                          </a> </li>
                      </ul>
                    </div>
                  
                  </div>
                </div>
              </div>
            </div>
           
          
           
          </div>
                     @if(Session["user_id"]!=null)
                                {
 <div class="mobile-menu navbar-fixed-bottom">
              <div class="menu">
                <ul class="nav navbar-nav">
                  <li class="active"><a id="mobtasks" class="ui-link"><span class="task-link"></span>
                    <p>Tasks </p>
                    </a> </li>
                  <li><a id="mobtips" class="ui-link"><span class="tips-link"></span>
                    <p>Tips</p>
                    </a> </li>
                  <li ><a id="mobideas" class="ui-link"><span class="ideas-link"></span>
                    <p>Ideas</p>
                    </a> </li>
                  <li><a id="mobextras" class="ui-link"><span class="extra-link"></span>
                    <p>Extras</p>
                    </a> </li>
                  <li><a id="mobadmin" class="ui-link"><span class="admin-link"></span>
                    <p>Admin</p>
                    </a> </li>
                </ul>
              </div>
            </div>
                     }    

                </div>
                <div id="wait" style="display:none;width:69px;height:89px;position:fixed;top:40%;left:50%;padding:2px;"><img src='@Url.Content("~/images/demo_wait.gif")' width="64" height="64" /><br>Loading..</div>
            </div>
           
        </div>
         <footer>
            </footer>
    </div>
  

      @Scripts.Render("~/Scripts/BundledScripts")
     @RenderSection("script", required: false)
    <script>

        $("#tasks, #mobtasks").live("click", function () {

            $("#divtopHomecarelibrary").hide();
            $("#divbottomtaskstips").show();
            $(".task-tab").show();
            $(".tips-tab, .ideas-tab, .extras-tab, .admin-tab").hide();
            checkscreenWidth();
           
        });

        function checkscreenWidth()
        {
            var $window = $(window);
            var windowsize = $window.width();

            if (windowsize < 767) {
                $("#divheader").hide();
            }
        }

        $("#tips, #mobtips").live("click", function () {

            $("#divtopHomecarelibrary").hide();
            $("#divbottomtaskstips").show();
            $(".task-tab, .ideas-tab, .extras-tab, .admin-tab").hide();
            $(".tips-tab").show();
            checkscreenWidth();
        });
        $("#ideas, #mobideas").live("click", function () {

            $("#divtopHomecarelibrary").hide();
            $("#divbottomtaskstips").show();
            $(".task-tab, .tips-tab, .extras-tab, .admin-tab").hide();
            $(".ideas-tab").show();
            checkscreenWidth();
        });
        $("#extras, #mobextras").live("click", function () {
            $("#divtopHomecarelibrary").hide();
            $("#divbottomtaskstips").show();
            $(".task-tab, .tips-tab, .ideas-tab, .admin-tab").hide();
            $(".extras-tab").show();
            checkscreenWidth();
        });
        $("#admin, #mobadmin").live("click", function () {
            $("#divtopHomecarelibrary").hide();
            $("#divbottomtaskstips").show();
            $(".task-tab, .tips-tab, .ideas-tab, .extras-tab").hide();
            $(".admin-tab").show();
            checkscreenWidth();
        });


        $(function () {
           
            $(".nav>li").click(function () {
                $(this).addClass('active').siblings().removeClass('active');
            });

        });
</script>
   
</body>
<script>
    jQuery(document).ready(function () {
       
        var getCurrentUrl = window.location.href.toLowerCase();
        var indexCount = getCurrentUrl.indexOf("personalization");
        var indexCountlogin = getCurrentUrl.indexOf("login");
        var indexCountintialsetup = getCurrentUrl.indexOf("intialsetup");
       
        if (indexCount > 0) {
            $("#ulLeftNav, #divLogin, #btndropdownTop, .mobile-menu, .application-add").hide();

            checkscreenWidth();
           

        }
        if (indexCountlogin > 0) {
            $("#ulLeftNav, #divLogin, #btndropdownTop, .mobile-menu, .application-add").hide();
        }
        if (indexCountintialsetup > 0) {
            $("#ulLeftNav, #btndropdownTop, .mobile-menu, .application-add").hide();
        }

        $(window).resize(function () {

            var getCurrentUrl = window.location.href.toLowerCase();
            var indexCount = getCurrentUrl.indexOf("personalization");
            if (indexCount > 0) {
                $("#ulLeftNav, #divLogin, #btndropdownTop, .mobile-menu").hide();

                checkscreenWidth();


            }
        });

        function CommonShowHide()
        {

        }

        jQuery(window).load(function () {
            jQuery("#bodydesk").css('visibility', 'visible');

        });
        $(document).ready(function () {
            $('#myTab li').click(function () {
                $(this).siblings('li').removeClass('active');
                $(this).addClass('active');
            });
        });
        jQuery(document).ajaxStart(function () {
            jQuery("#wait").css("display", "block");
        });
        jQuery(document).ajaxComplete(function () {
            jQuery("#wait").css("display", "none");
        });
    });
</script>

    <script>
        jQuery(document).ready(function () {
            jQuery(window).load(function () {
                jQuery("#bodydesk").css('visibility', 'visible');

            });
        });
</script>


</html>
